<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
<body class="jianbianbg">
    <style>
        h2{
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            /*text-align: center;*/
            font-size: 36px;
        }
    </style>
    <h2>企业管理系统</h2>
    </body>
        <style>
            .jianbianbg{
                background-image: linear-gradient(to right,#CFEE93,#9AD8F0,#bbc6cd);
            }
            .container {
                top:150px;
                width: 300px;
                margin: auto auto;
                padding: 20px;
                background-color: #fff;
                border: none;
                border-radius: 10px 10px 10px 10px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                position: relative;
            }
            .btn{
                margin: 0 auto;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                max-width: 270px;
                text-align: center;
                font-size: 20px;
                padding: 10px;
                margin: 2px 2px;
                background-image: linear-gradient(to right,#CFEE93,#9AD8F0,#bbc6cd);
                color: aliceblue;
                display: block;
                width: 100%;
                font-size: 15px;
                padding: 10px;
            }
            .form-group{
                width: 90%;
                margin-bottom: 20px;
                border: none;
                padding: 10px;
                border-bottom: 1px solid #8C9FDA;
                font-size: 15px;
                outline: none;
            }
            .input-item{
                border: none;
            }
        </style>
    </head>
    <body>
    <div class="container">
        <form action="/login" method="post">
            <div class="form-group">
                <input type="text" name = "username" placeholder="登录名" class="input-item" value="20225102090140">
            </div>
            <div class="form-group">
                <input type="password" name="password" placeholder = "密码" class = "input-item">
            </div>
            <div class="btn">
                <input type="submit" value = "Login"/>
            </div>
        </form>
    </div>
    </body>
</html>





